
import React from 'react';
import h2_3 from '@/assets/H2_3.png'
import h2_4 from '@/assets/H2_4.png'
import h2_5 from '@/assets/H2_5.png'

import ic_01 from '@/assets/ic_01.png'
import ic_02 from '@/assets/ic_02.png'
import ic_03 from '@/assets/ic_03.png'
import ic_04 from '@/assets/ic_04.png'
import ic_05 from '@/assets/ic_05.png'

export interface WidgetListProps {
    title: string,
    total: string,
    unit: string,
    increased?: string,
    increasedTitle?: string,
    increasedUnit?: string,
    icon?: React.ReactDOM,
    gif: string
}

export const WidgetList = (res?: any): WidgetListProps[] => {
    return (
        [
            {
                title: '接入IP数',
                total: res?.result || '50',
                unit: '个',
                increased: res?.result || '50',
                increasedTitle: '昨日新增',
                increasedUnit: '个',
                gif: ic_01,
            },
            {
                title: '已认证IP数',
                total: res?.result || '50',
                unit: '个',
                increased: res?.result || '12345',
                increasedTitle: '昨日新增',
                increasedUnit: '个',
                gif: ic_02,
            },
            {
                title: '认证比率',
                total: res?.result || '78.6',
                unit: '%',
                gif: ic_03,
            }, {
                title: 'IP地址使用率',
                total: res?.result || '45.3',
                unit: '%',
                increased: res?.result || '23.1',
                increasedTitle: '较昨日',
                increasedUnit: '%',
                gif: ic_04,

            },
            {
                title: 'IP纳管率',
                total: res?.result || '45.3',
                unit: '%',
                gif: ic_05,
            }
        ]
    )
}
export const tableData = [
    {
        index: '1',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '2',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '3',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '4',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '5',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '6',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '7',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '8',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '9',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    {
        index: '10',
        IpAddress: '192.168.0.1',
        onlineTime: '2023-03-08'
    },
    
]

export const pieUrl: string[] = [h2_3, h2_4, h2_5]

export const tableRData = [
    {
        index: '1',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '2',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '3',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '4',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '5',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '6',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    },
    {
        index: '7',
        IpAddress: '192.168.0.1',
        remainderTime: '3天'
    }
]

export const lineData = [

]

export const widget = {

}

